<template>
  <div style="font-size: 1rem">
    <a-divider>HP-Lite介绍</a-divider>
    <div style="text-indent: 2rem">
      HP-Lite是作者基于项目<a href="https://gitee.com/HServer/hp" target="_blank">HP项目</a>升级调整得来的，以前的版本操作控制面板放在了客户端，如果穿透客户端不在同一个局域网里是
      无法进行穿透管理，因此很多小伙伴将其穿透配置页面也进行了穿透等等一些不舒服的操作。在使用上非常不方便，同时穿透配置上也显得很僵硬，同时该项目早期只是单纯学习穿透原理并开发了该项目，后面为了让其他用户使用
      便做了多个简单的登录操作页面，并不是很专业，作者在开发维护迭代上也越来越费劲，因此，有了Lite的项目将其做的更佳完美，使用体验更佳舒服。在代码上维护上，全新的设计了一番。
    </div>

    <a-divider>第一步(服务领取)</a-divider>
    <div style="text-indent: 2rem">
      既然你都看到这里了，我相信你的肯定是注册了账号，所以赶紧去《穿透服务》选择一个穿透服务并领取吧，稍等几秒系统就会发放到你的《穿透套餐》里
    </div>
    <a-divider>第二步(穿透设备运行)</a-divider>
    <div style="text-indent: 2rem">
      点击菜单中的《穿透设备》，然后再点击[添加设备]按钮，完成设备添加，恭喜你已经有了一个设备ID了，请注意，重要的事情说一次，该设备ID不要泄露了，如何聊天啥的截图后记得打码，啰嗦完毕，结下来就是关键步骤运行穿透软件
      如果你还没有下载穿透客户端的软件，这个时候就需要下载了<a href="/bin">HP客户端下载</a>你在下载中可能有很多疑惑。所以这里也帮你做了简单分析说明
      <table border="1" style="margin: 0 auto;width: auto;margin-top: 1rem;margin-bottom: 1rem">
        <thead>
        <tr>
          <th>类型</th>
          <th>平台</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>hp-client-golang-amd64</td>
          <td>x86(Linux平台)</td>
        </tr>
        <tr>
          <td>hp-client-golang.exe</td>
          <td>Windows系统</td>
        </tr>
        <tr>
          <td>hp-client-golang-apple-arm64</td>
          <td>M系列芯片(苹果系统)</td>
        </tr>
        <tr>
          <td>hp-client-golang-apple-amd64</td>
          <td>x86(苹果系统)</td>
        </tr>
        <tr>
          <td>hp-client-golang-arm64</td>
          <td>ARM64(树莓派，android手机等)</td>
        </tr>
        <tr>
          <td>hp-client-golang-armv7</td>
          <td>ARMV7(android手机等)</td>
        </tr>
        <tr>
          <td>hp-client-golang-mips</td>
          <td>MIPS(一些低功耗的CPU)</td>
        </tr>
        </tbody>
      </table>
      相信你也看的差不多了，尽管我说了好像每说一样，说不定还说错了。如过没有你想要的平台你可以通过反馈，我们将其进行补充完善，目前编译了一些主流的架构，反正都是golang写的，只要golang支持就能编译。
      好了话不多说，不然你都不看写的教程了。这里演示下如何运行

      <div>
        <a-divider orientation="left" style="font-size: 1.2rem">Windows运行方式</a-divider>
        Windows有两种运行方式，这里我讲下比较好用的一种，另外一种和Linux类似，首先第一步就是给exe创建一个快捷方式，如下
        <div style="text-indent: 0;text-align: center">
          <a-image :width="200" src="/teach/teach_win.png"/>
        </div>
      </div>
      <div>
        <a-divider orientation="left" style="font-size: 1.2rem">Linux运行方式</a-divider>
        看到这里，相信你已经是Linux系统或者Unix系统了，第一步需要做的就是修改可执行文件文件的权限， 如下图：
        <div style="text-indent: 0;text-align: center">
          <a-image :width="200" src="/teach/teach_linux.png"/>
        </div>
        <li>chmod -R 777 hp-client</li>
        <li>./hp-client -deviceId=设备ID</li>
        <div>如果你想让他在后台运行，可以使用nohup命令</div>
        <p>nohup ./hp-client -deviceId=设备ID &</p>
        <div>如果想看运行日志，可以用tail -f nohup.out 命令实时查看日志情况，或者cat nohup.out 看一次</div>
        <div>如果需要停止则需要ps -ef|grep hp-client 找到hp的pid 然后使用kill -9 pid 命令进行停止</div>
      </div>

      <div>
        <a-divider orientation="left" style="font-size: 1.2rem">Docker/Android-APP运行方式</a-divider>
        安卓平台已经发布，app运行后将app的设备ID复制后到《穿透设备》里(添加设备)为android创建一个设备
        <p># 通过 docker run 运行容器</p>
        <p>sudo docker run -P -d -e deviceId=配置的设备ID registry.cn-shenzhen.aliyuncs.com/hserver/hp-pro:latest</p>
        <p># 通过 docker run 运行容器 ARM</p>
        <p>sudo docker run -P -d -e deviceId=配置的设备ID registry.cn-shenzhen.aliyuncs.com/hserver/hp-pro:latest-arm64</p>
      </div>
      <div style="text-indent: 2rem">
        好了，到了这里相信你已经会了运行HP的客户端操作了，运行完成后在菜单《穿透设备》中会显示设备在线如过没有在线，请点击《刷新列表》按钮进行刷新，如果还是没有在线，有三种原因
        <li> 1.网络不通</li>
        <li> 2.程序没有运行</li>
        <li> 3.设备ID搞错了</li>
      </div>
      <div>
      </div>
    </div>
    <a-divider>第三步(进行端口映射)</a-divider>
    <div style="text-indent: 2rem">
      经过前面的操作我相信你已经明白怎么操作了，限制就是最后一步的操作，看似麻烦实则比较简单，第一步先去《穿透套餐》，点击（端口配置），这里的端口的配置是配置外网的端口，添加端口后，在点击（域名配置），添加完域名后，就可以
      点击（配置穿透）。添加完成穿透配置后，此时hp客户端就会动态的生效，这时点击（刷新列表），展开列表就能看穿透信息，如果有异常，点击重连配置，再次刷新列表再次展开相信你肯定会成功的。
      到此你已经会用新版的HP穿透了。祝你好运.
    </div>

    <div class="mdui-typo" style="margin-top: 50px">
      <span><a href="https://jq.qq.com/?_wv=1027&k=9xMZrFCQ" rel="nofollow"
               target="_blank">QQ群1：767474069</a></span>
      <span style="padding-left: 10px"><a
          href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=HtcqAJXqHdLd9qi6Nmp5Wd2-ukBjGYFS&authKey=PevXyhvsxsRe35IKE28v9Ra7N6%2BZxsMU9notMbWYgRX4gXRNJ%2Fm7907VxQDZSjXi&noverify=0&group_code=738424584"
          rel="nofollow"
          target="_blank">QQ群2：738424584</a></span>
    </div>

  </div>
</template>
<script setup>

</script>

<style scoped>

</style>
